<template>
	<view>
		<view class="cbg-white u-p-l-20 u-p-r-20 " style="margin-top: 30rpx;">
			<view class="cflex-c" v-for="(item,index) in lists" :key="index" @tap="onItemClick(index)">
				<view class="cflex-r u-m-b-25 u-m-t-25" style="justify-content: space-between;align-items: center;">
					<view>
						{{index+1}}.{{item.title}}
					</view>
					<view class="u-m-r-10 ">
						<image style="width: 14rpx;height: 24rpx;" src="../../static/qieTu/arrow-right.png"></image>
					</view>
				</view>
				<view class="" style="width: 100%;">
					<u-divider :use-slot="false" half-width="350"></u-divider>
				</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				lists: []
			}
		},
		onShow() {
			
		},
		onLoad(options) {
			this.cjwtReq();
		},
		computed: {

		},
		methods: {
			onItemClick(index){
				let item = this.lists[index];
				let url = this.$store.state.baseUrl+"xieyi/wtyulan/"+item.id;
				 //console.log(url);
				uni.navigateTo({
					url:`./xieyi?url=`+url
				})
			},
			cjwtReq(){
				this.$request("kehu/faq/list").then(res=>{
					 //console.log(res);
					this.lists = res.data;
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #F6F7F8;
	}
</style>
